* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

/* 清除滚动条 */
html,
body {
    width: 100%;
    height: 100%;
    background-color: #eee;
}


/*去除边框*/
fieldset,
img,
input,
button,
textarea {
    border: none;
    outline-style: none;
}

/*禁止表单域缩放*/
textarea {
    resize: none;
}

a {
    text-decoration: none;
    /* 取消链接点击时的高亮  */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 图片自适应 */
img {
    width: 100%;
    /*解决图片底部对其问题*/
    display: block;
    border: none;
}

ul,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

/*span i*/
em,
i {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*单行溢出*/
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出*/
.txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.el-table {
    height: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    font-size: 100%;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent
}


/* input,text,textraea,select,默认样式 */

*,
input,
textarea,
select {
    word-wrap: normal;
    border-radius: 0px;
}

input[type="search"] {
    -webkit-appearance: none;
}


input,
button,
select,
textarea {
    outline: none;
    background: none;
    border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: inset 0px 0px 0px 20px #101113;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

input::-webkit-search-cancel-button {
    display: none;
}

textarea {
    overflow-y: visible;
    resize: none;
}

input {
    -webkit-appearance: none;
    /*去除input默认样式*/
}


/*公共样式*/



html,
body,
#root,
#App {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;
    background: #F9F9FE;
}

#App {
    overflow-y: scroll;
}




/* flex */

.cenCen {
    display: flex;
    -webkit-display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cenLeft {
    display: flex;
    -webkit-display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.cenRig {
    display: flex;
    -webkit-display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.cenBet {
    display: flex;
    -webkit-display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.botLeft {
    display: flex;
    -webkit-display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_wrap_nowrap {
    flex-wrap: nowrap;
}

.page-box {
    width: 100%;
    height: auto;
    padding: 26px 16px;
    background: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}

.search-box {
    width: 100%;
    height: auto;
}


.operation-box {
    width: 100%;
    height: auto;
    padding: 16px;
}

.operation-tit {
    width: auto;
    height: auto;
    color: #9c9eaf;
}

.operation-tit>span {
    font-size: 20px;
    color: #00b2a9;
}

.table-box {
    width: 100%;
    height: auto;
}

.danageColor {
    color: #f56c6c !important;
}

.infoColor {
    color: #909399 !important;
}

.warningColor {
    color: #e6a23c !important;
}

.successColor {
    color: #67c23a !important;
}